<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title>小米2</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="小米.css">
	<script src="js/jquery-2.0.3.js"></script>
	<script src="js/bootstrap.js"></script>
	<style>
		/** {*/
			/*box-sizing: border-box;*/
		/*}*/
		/*html,body {*/
			/*height: 100%;*/
			/*margin: 0 ;*/
			/*padding: 0;*/
			/*border: 0;*/
			/*background-color: #ffffff;*/
		/*}*/
		/*.zhu {*/
			/*width: 100%;*/
			/*margin: 0 auto;*/
			/*border: 1px solid #888888;*/
		/*}*/
		/*.tou img{*/
			/*width: 100%;*/
			/*height: 1.5rem;*/
		/*}*/
		/*.form-group {*/
			/*margin-top: 0.05rem;*/
		/*}*/
		/*.btn {*/
			/*width: 100%;*/
			/*background-image: url("sousuo.png");*/
			/*background-repeat: no-repeat;*/
			/*background-position: 7%;*/
		/*}*/
		/*.diretu {*/
			/*width: 100%;*/
			/*height: 3.3rem;*/
			/*background-color: #cccccc;*/
			/*border: 1px solid red;*/
		/*}*/
		/*.diretu1 {*/
			/*width: 7.61rem;*/
			/*height: 100%;*/
			/*margin: 0 auto;*/
			/*border: 1px solid red;*/
		/*}*/
		/*.diretu1 img {*/
			/*margin-top: 0.1rem;*/
			/*width: 2.5rem;*/
			/*height: 3.1rem;*/
		/*}*/
		/*.disantu {*/
			/*position: relative;*/
			/*width: 100%;*/
			/*height: 2rem;*/
			/*border-bottom: 1px solid #cccccc;*/
			/*border: 1px solid red;*/
		/*}*/
		/*.tu1 {*/
			/*position: absolute;*/
			/*top: 0.2rem;*/
			/*left: 0;*/
			/*width: 2.54rem;*/
			/*height: 1.45rem;*/
		/*}*/
		/*.ziti {*/
			/*float: right;*/
			/*margin-left: 2.6rem;*/
			/*margin-top: 0.3rem;*/
			/*padding: 0;*/
			/*width: 7rem;*/
			/*height: 1rem;*/
			/*border: 1px solid #000000;*/
		/*}*/
		/*.ziti p {*/
			/*font-size: 0.25rem;*/
			/*color: #888888;*/
		/*}*/
		/*.ziti h3 {*/
			/*font-size: 0.3rem;*/
			/*margin: 0;*/
		/*}*/
		/*.ziti p span {*/
			/*font-size: 0.25rem;*/
			/*color: orangered;*/
		/*}*/
		/*.wei {*/
			/*display:flex;*/
			/*justify-content: space-between;*/
			/*width: 100%;*/
			/*height: 0.8rem;*/
			/*background: #fff;*/
			/*border: 1px solid #ccc;*/
			/*text-align: center;*/
			/*position: fixed;*/
			/*bottom: 0;*/
		/*}*/
		/*.wei img {*/
			/*width: 0.5rem;*/
			/*height: 0.5rem;*/
		/*}*/
		/*.wei a {*/
			/*width: 24%;*/
			/*height: 0.8rem;*/
		/*}*/
		/*.qingchu {*/
			/*clear: both;*/
		/*}*/
		/*.tuzi1 p {*/
			/*font-size: 0.2rem;*/
		/*}*/
	</style>
</head>
<body>
<div class="zhu">
	<div class="tou">
		<img src="ios.png" alt="">
	</div>
	<div class="form-group">
			<a href="小米搜索页面.html" class="btn btn-default btn-lg" role="button">搜索商品名称</a>
	</div>
	<div id="myCarousel" class="carousel slide">
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="1" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="2" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="3" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="4" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="5" class="active"></li>
		</ol>
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner">
			<div class="item active">
				<img style="width: 100%; height: 3.7rem;" src="lunbo1.jpg" alt="First slide">
			</div>
			<div class="item">
				<img style="width: 100%; height: 3.7rem;" src="lunbo2.jpg" alt="Second slide">
			</div>
			<div class="item">
				<img style="width: 100%; height: 3.7rem;" src="lunbo3.jpg" alt="Third slide">
			</div>
			<div class="item">
				<a href="礼物.html">
				<img style="width: 100%; height: 3.7rem;" src="lunbo4.jpg" alt="Third slide">
				</a>
			</div>
			<div class="item">
				<img style="width: 100%; height: 3.7rem;" src="lunbo5.jpg" alt="Third slide">
			</div>
		</div>
		<!-- 轮播（Carousel）导航 -->
		<a class="carousel-control left" href="#myCarousel"
		   data-slide="prev">&lsaquo;</a>
		<a class="carousel-control right" href="#myCarousel"
		   data-slide="next">&rsaquo;</a>
	</div>
	<div class="diretu">
		<div class="diretu1">
		<img src="sanzhangtu1.jpg" alt="...">
		<img src="sanzhangtu2.jpg" alt="...">
		<img src="sanzhangtu3.jpg" alt="...">
		</div>
	</div>
	<div class="disantu">
		<a href="小米手机5.html">
		<img class="tu1"  src="tu1.jpg">
		</a>
		<div class="ziti">
			<h3>小米手机5</h3>
			<p>骁龙820处理器 / 4GB内存 / 128GB机身闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
			<p><span>1999元  起</span></p>
			</div>
		</div>
	<div class="disantu">
		<img class="tu1"  src="tu1.jpg">
		<div class="ziti">
			<h3>小米手机5尊享版（3D玻璃）</h3>
			<p>骁龙820处理器 / 4GB内存 / 128GB机身闪存 / 4轴防抖相机 / 3D玻璃机身</p>
			<p><span>2599元</span></p>
		</div>
	</div>
	<div class="disantu">
		<img class="tu1"  src="T1Z5bgBCYv1RXrhCrK.jpg">
		<div class="ziti">
			<h3>小米手机4S</h3>
			<p>骁龙808处理器 / 64GB大容量 / 指纹识别 / 全网通双卡双待 / 5英寸屏非凡手感 / 13MP相位对焦相机 / 3260mAh大电量</p>
			<p><span>1699元</span></p>
		</div>
	</div>
	<div class="disantu">
		<img class="tu1"  src="dd.jpg">
		<div class="ziti">
			<h3>红米手机3 高配版</h3>
			<p>指纹识别 / 全网通双卡双待 / 金属机身 / 4100mAh大电池 / 3GB内存+32GB容量 / 最高支持128GB扩展</p>
			<p><span>899元</span></p>
		</div>
	</div>
	<div class="disantu">
		<img class="tu1"  src="tu1.jpg">
		<div class="ziti">
			<h3>小米Note</h3>
			<p>独立 HiFi 音乐系统 / 5.7英寸全高清屏幕 / 骁龙801四核处理器</p>
			<p><span>1499元 起</span></p>
		</div>
	</div>
	<div class="disantu">
		<img class="tu1"  src="aa.jpg">
		<div class="ziti">
			<h3>小米手机4c</h3>
			<p>Type-C 双面充电接口 / 红外遥控 / 5英寸全高清阳光屏 / 骁龙808六核处理器</p>
			<p><span>1099元 起</span></p>
		</div>
	</div>
	<div class="quan">
	<div class="disantu">
		<img class="tu1"  src="bb.jpg">
		<div class="ziti">
			<h3>红米Note3</h3>
			<p>金属机身 / 指纹识别 / 4050mAh大电池 / 5.5英寸全高清屏</p>
			<p><span>899元 起</span></p>
		</div>
	</div>
	<div class="disantu">
		<img class="tu1"  src="T1jFWjBjJT1RXrhCrK.jpg">
		<div class="ziti">
			<h3>小米手机4</h3>
			<p>不锈钢边框 / 5英寸屏超窄边 / 骁龙801四核处理器 / MIUI、Win10 双系统</p>
			<p><span>1299元 起</span></p>
		</div>
	</div>
	<div class="disantu">
		<img class="tu1"  src="T1RXWgBsCT1RXrhCrK.jpg">
		<div class="ziti">
			<h3>小米平板2</h3>
			<p>全金属机身 / 7.9英寸视网膜屏幕 / 800万像素相机 / 6190mAh大电池 / 支持5V/2A快充</p>
			<p><span>999元 起</span></p>
		</div>
	</div>
	</div>
	<div class="wei">
		<a href="#">
			<div class="tuzi1">
			<img src="weitu11.png" alt=""/>
			<p>商城</p>
		</div>
		</a>
		<a href="小米商品分类.html">
			<div class="tuzi1">
			<img src="weitu22.png" alt=""/>
			<p>分类</p>
			</div>
		</a>
		<a href="购物车.html">
			<div class="tuzi1">
			<img src="weitu33.png" alt=""/>
			<p>购物车</p>
			</div>
		</a>
		<a href="服务.html">
			<div class="tuzi1">
			<img src="weitu44.png" alt=""/>
			<p>服务</p>
			</div>
		</a>
		<div class="qingchu"></div>
	</div>
</div>
</body>
</html>
<script>
	$(function(){
		function fullwidth() {
			if ($('body').width() >= 720){
				$('html').css('font-size',100 + 'px');
				return;
			}
			var scale = $('body').width() / 720;
			$('html').css('font-size',100*scale + 'px');
		}
		fullwidth();
		$(window).resize(function(){
			fullwidth();
		})
	});
	$(function(){
		// 初始化轮播
		$(".start-slide").click(function(){
			$("#myCarousel").carousel('cycle');
		});
		// 停止轮播
//		$(".pause-slide").click(function(){
//			$("#myCarousel").carousel('pause');
//		});
		// 循环轮播到上一个项目
		$(".prev-slide").click(function(){
			$("#myCarousel").carousel('prev');
		});
		// 循环轮播到下一个项目
		$(".next-slide").click(function(){
			$("#myCarousel").carousel('next');
		});
		// 循环轮播到某个特定的帧
		$(".slide-one").click(function(){
			$("#myCarousel").carousel(0);
		});
		$(".slide-two").click(function(){
			$("#myCarousel").carousel(1);
		});
		$(".slide-three").click(function(){
			$("#myCarousel").carousel(2);
		});
	});
</script>